<!DOCTYPE html>
<html>
  <head>
    <style>
      @media screen {
        #logo {
          border: solid transparent;
          position: fixed;
          bottom: 2px;
          right: 3px;
          float: right;
        }
        #logo:hover {
          background: rgba(0, 170, 0, 0.3);
        }
        #logo:active {
          background: rgba(248, 253, 36, 0.3);
        }
        .page-break {
          display: none;
        }
      }
    @media print {
      #logo {
        position: fixed;
        bottom: 0;
        right: 0;
      }
      .page-break {
        display: block;
        page-break-before: always;
      }
    }
    </style>
    <script type='text/javascript'></script>
  </head>
  <body>
    <div id="logo" width="35" height="35">
      <img src="./resources/logo.png"> </img>
    </div>
    </div><div>Page 1</div><div class="page-break">
    </div><div>Page 2</div><div class="page-break">
    </div><div>Page 3</div>
  </body>
</html>